<template>
	<view class="content">
		<image class="logo" src="/static/logo.png"></image>
		<view>
			<text class="title">{{title}}</text>
		</view>
		
		<button style="width: 300rpx; font-size: 30rpx; margin-top: 40rpx;" @click="envLog">打印环境变量</button>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				title: 'Hello uni-cli'
			}
		},
		onLoad() {

		},
		methods: {
			envLog(){
				console.log(process.env)
				uni.showModal({
					title:'提示',
					content:'请查看控制台',
					showCancel:false
				})
			}
		}
	}
</script>

<style lang="scss">
	$mainColor:#2b9939;
	.content {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		
		.logo {
			height: 200rpx;
			width: 200rpx;
			margin: 200rpx auto 50rpx auto;
		}
		
		.text-area {
			display: flex;
			justify-content: center;
		}
		
		.title {
			font-size: 36rpx;
			color: $mainColor;
		}
	}

	
</style>
